@charset "utf-8";
/*============================================================
Mr AnhTuan (tuanta142@gmail.com)
Ver:01-2011
Support: IE6(Partial), IE7, FF3, Opera, Chrome
============================================================*/

/*======================*/
/* start: general class */
/*======================*/


/*===== icon =======*/
.icon_Event{ background:url(../images/icons/iconSprite_Event.png);}
.icon_tieuDiem{ background-position:-53px 0px;}
.icon_iconHot{ background-position:0px 0px; display:block; width:27px; height:17px; position:absolute; margin-left:-4px; top:10px;}
.icon_goodComment{ background-position:-28px 0px;}
.icon_tamTinh{ background-position:-98px 2px;}
.icon_sangTac{ background-position:-121px 0px;}
.icon_giaiTri{ background-position:-266px 0px;}
.icon_cuocSong{ background-position:-206px 0px;}
.icon_doatGiai{ background-position:-185px 0px;}
.icon_radio{ background-position:-230px 0px;}
.icon_video{ background-position:-244px 0px;}
.icon_khamPha{ background-position:-142px 0px;}
.icon_suuTam{ background-position:-164px 0px;}
.icon_hotBlogger{ background-position:-77px 0px;}
.icon_banTinT{ background-position:0px -25px;}
.icon_rankBlog { background-position:-290px 0px;}
.icon_editArrowRight { background-position:-16px -25px;}
.icon_editArrowUp { background-position:-32px -25px;}
.icon_editArrowDown { background-position:-48px -25px;}
.icon_timKiem { background-position:-90px -25px;}
.icon_suKien-chuyenMuc {background-position:-70px -25px;}
/*===== hot news =======*/
.hot-news { padding:20px;}
.hot-news { border-top:1px solid #C2CEBF !important;}
.hot-news h1{ margin-bottom:10px;}
.hot-news h1 a{ font-size:16px; color:#996600; font-weight:normal;}
.hot-news h1 a:hover{ font-size:16px; color:#3B5A4A; font-weight:normal;}
.hot-news .hot-news-left{ width:340px; float:left; margin-right:10px;}
.hot-news .hot-news-left p{ margin-bottom:5px; padding-bottom:0;}
.hot-news .hot-news-left span{ color:#999;}

/*===== chuyen muc =======*/
.home-list{}
.home-list ul{ padding:10px 0px 10px 20px;}
.home-list li{ width:133px; float:left; margin-right:10px; font-weight:bold; margin-bottom:5px;}
.home-list li:nth-child(5n){margin-right:0px;}
.home-list li a{ display:block; background:url(../images/icons/bullet_Blog.gif) no-repeat 0 5px; padding-left:10px;}

/*===== su kien dang chu y =======*/
.important-event{}
.important-event .item{ width:220px; float:left; padding:9px;}
.important-event .item h1{ font-size:12px; font-weight:bold;}
.important-event .item p{ margin-bottom:5px; padding-bottom:0;}

/*===== box tim kiem =======*/
.box-search {}
.box-search .boxBody { padding-top:10px;padding-left:8px;}
.box-search input, .box-search select{ border:1px solid #5D7B6C;}
.box-search input{ width:200px;}
.box-search select{ width:180px;}
.box-search p a{ font-size:11px; text-decoration:underline; color:#996600; display:block;}
.box-search p a:hover{ color:#333; text-decoration:none;}
.box-search button{ 
	background:url(../images/buttons/btn_miniBoxBlue.jpg) repeat-x;
	height:22px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:0 3px;
	border:none;
	font-size:11px;
	cursor:pointer;
	color:#fff;
}
.box-search button:hover{ color:#333;} 

/*===== category =======*/
.event-tatCa{
	display:block;
	padding:4px 0px 4px 10px;
	background:url(../images/icons/bullet_tatCa.jpg) no-repeat left 8px;
}
.event-lv2{
	display:block;
	padding:4px 0px 4px 10px;
	background:url(../images/icons/event-lv2.jpg) no-repeat left 9px;
}
.menu{padding: 8px 0 5px 12px;}
.category-search input{ width:160px !important;}
.category-search select{ width:140px !important;}
.category-list {}
.category-list .item{padding:20px;background:url(../images/category-item-bg.png) repeat-x bottom;}
.category-list .item h1{ font-size:15px; font-weight:bold;}
.category-list .item p{ margin-bottom:5px; padding-bottom:0;}
.category-list .item .text-contet{ margin-left:375px;}
.category-list .pageViewWrap {background:none !important;}

.category-user { }
.category-user .item{ background:url(../images/basic/underLine.gif) repeat-x bottom; padding:20px 0; margin:0 20px;}
.category-user .item h1{ font-size:12px; display:block; clear:both; margin-bottom:10px;}
.category-user .item h1 i{ margin-right:5px;}
.category-user .item h1 .sk-notice{ font-size:11px; color:#ED5F21; font-weight:normal;}

.category-user .item img{ float:left; margin-right:10px;}
.category-user .item p{ float:left; width:480px; line-height:17px;}
.category-user button{ 
	float:right; 
	background:url(../images/buttons/buttonUp.jpg) repeat-x; 
	border:none; 
	cursor:pointer; 
	color:#fff; 
	font-size:11px;
	height:17px;
	padding:0 15px;
}
.category-user button:hover{text-decoration:underline;}
.category-user .pageViewWrap{ background-color:inherit; margin-bottom:10px; }
.category-user .filter { border-bottom:1px solid #CCCCCC; padding-bottom:5px; float:left; clear:both; display:block; margin:15px 0 20px 20px;}
.category-user .filter .selected{ font-weight:bold;color:#996600;}

/*===== category =======*/

/*Start : my-house.css ====================*/
#myHouse{
	padding-top:15px;
}
#myHouse .colSmall{
	width:220px;
}
#myHouse .colLarge{
	width:560px;
}
.connectedSortable{}
/*sortable Jquery*/
#sortable {margin:0;padding:0;}
#sortable li{margin:0;padding:0;list-style-type:none;}
#sortableRight {margin:0;padding:0;}
#sortableRight li{margin:0;padding:0;list-style-type:none;}



.my-box{
	margin-bottom:15px;
}
.my-box .top-swich{
	background-color:#D6DED4;
	border-top:1px solid #A3B79E;
	padding:4px 5px 0 10px;
}
.my-box .top-swich span{ display:block; float:left; padding:3px 10px; margin-right:1px; font-weight:bold;}
.my-box .top-swich .selected, .my-box .top-swich span:hover{ background:#F5F9F0; }

.my-box .top{
	background-color:#D6DED4;
	border-top:1px solid #A3B79E;
	height:20px;
	padding:4px 5px 0 0;
}
.my-box .top img{
	margin-left:5px;
	cursor:pointer;
}
.my-box .top span{
	color:#333;
	font-weight:bold;
	padding-left:5px;
}
.my-box .content{

}
.my-box .content02{
	margin:0 5px;
}
.my-box .eventDesc02{
	padding:10px 20px;
}

/*Start of Left ========================== */
.my-avata{
	border:1px solid #D6DED4;
	border-bottom:none;
	background:#F8FCF5;
	color:#333;
	padding:9px;
}
.my-avata .imageWrap{
	width:200px;
	height:200px;
	margin-bottom:5px;
}
.my-avata .control{
	height:24px;
	background:url(../images/my-controlBg.jpg) repeat-x;
}
.my-avata .controlLeft{
	height:24px;
	background:url(../images/my-controlLeft.jpg) no-repeat left;
}
.my-avata .controlRight{
	height:24px;
	background:url(../images/my-controlRight.jpg) no-repeat right;
	padding-left:8px;
}
.my-avata .control a{
	color:#FFF;
	line-height:22px;
	height:24px;
	display:block;
	float:left;
	margin-right:5px;
}
.my-avata .control a:hover{
	text-decoration:underline;
}
.my-avata .control span{
	background:url(../images/my-controlSplit.jpg) no-repeat;
	width:2px;
	height:24px;
	display:block;
	float:left;
	margin-right:5px;
}
.my-box .bottom{
	background:url(../images/my-avataBottom.jpg) no-repeat;
	height:4px;
	line-height:4px;
	font-size:0px;
}
.quyenGiaNhap{
	padding:5px;
}
.quyenGiaNhap strong{
	display:block;
	padding-top:5px;
}
.quyenGiaNhap label{
	display:block;
	padding-left:15px;
	line-height:18px;
}
.thongKe{
	font-size:11px;
	border-bottom:1px solid #E9F0E0;
	padding:3px 5px;
}
.thongKe span{
	display:block;
	float:left;
}
.thongKe a{
	display:block;
	float:right;
	text-decoration:underline;
}
.thongKe a:hover{
	text-decoration:none;
}
.my-Ul{
	margin:0;
	padding:0;
	padding-top:5px;
}
.my-Ul li{
	list-style-type:none;
	margin-left:5px;
	clear:both;
}
.my-Ul li a{
	color:#3B5949;
	font-size:12px;
}
.my-Ul li a:hover{
	color:#D49508;
}
.my-Ul li .time{
	color:#999;
	font-size:11px;
	padding-bottom:5px;
	display:block;
}
.my-Ul .indentBlog{
	padding-left:17px;
	background:url(../images/icons/bulletBlog.gif) no-repeat top left;
}
.my-Ul .indentMusic{
	padding-left:17px;
	background:url(../images/icons/bulletMusic.gif) no-repeat left 3px;
}
.my-Ul .indentLink{
	padding-left:17px;
	background:url(../images/icons/bulletLink.gif) no-repeat left 4px;
}
.my-Ul .indentAdmin{
	margin-left:5px;
	padding:0 0 4px 20px;
	background:url(../images/icons/bulletAdmin.gif) no-repeat left 0px;
}
.my-Ul .indentAdmin span{
	display:inline !important;
	color:#EC5F21;
	font-size:13px;
}
.my-Ul .indentEvent{
	margin-left:5px;
	padding:0 0 4px 20px;
	background:url(../images/icons/icon_event.gif) no-repeat left 0px;
}
.my-Ul .indentBlog{
	padding-left:17px;
	background:url(../images/icons/indentBlog.gif) no-repeat left 0px;
}
.my-Ul .indentCongDong{
	padding-left:17px;
	background:url(../images/icons/bulletCongDong.gif) no-repeat top left;
}
.my-Ul .indentCiao{
	background:url(../images/icons/icon_ciao.jpg) no-repeat left top;
	padding:5px 0 5px 20px;
}
.my-Ul .indentAddFriend{
	background:url(../images/icons/icon_addFriend.jpg) no-repeat left top;
	padding:5px 0 5px 20px;
}
.my-Ul .indentAddApp{
	background:url(../images/icons/icon_addApplications.jpg) no-repeat left top;
	padding:5px 0 5px 20px;
}
.my-Ul .indentOtherInvite{
	background:url(../images/icons/icon_otherInvite.jpg) no-repeat left top;
	padding:5px 0 5px 20px;
}
.likeUl{
	margin:10px 0 0 10px;
	padding:0;
}
.likeUl li{
	margin:0 9px 10px 0 !important;
	padding:0;
	list-style-type:none;
	float:left;
	width:60px;
	height:76px;
	overflow:hidden;
	font-weight:bold;
}
.likeUl li img{
	display:block;
	margin-bottom:3px !important;
	padding:1px;
	border:1px solid #ABBDA8;
}
.likeUl li .imgWrap{
	font-weight:bold;
	display:block;
	color:#3B5A4A;
	border:1px solid #F5F9F0;
	width:59px;
	height:59px;
}
.likeUl li a{
	font-weight:bold;
	display:block;
	color:#3B5A4A;
}
.likeUl li a:hover{
	text-decoration:underline;
}

.buttonNext{ float:left;display:block;height:17px;background:url(../images/buttons/buttonNext.jpg) repeat-x;}
.my-itemWrap{
	padding:10px 0 0 0;	
}
.my-item .text{
	margin-left:80px;
}
.my-item{
	margin:0 5px 10px 5px;
}
.my-item .image{
	float:left;
	margin-right:5px;
}
.my-item a{
	color:#3B5949;
	font-size:12px;
}
.my-item a:hover{
	color:#D49508;
}
.my-item span{
	color:#999;
	font-size:11px;
}
.alert{
	color:#ED5F21 !important;
	font-size:11px;
}
.alert img{
	margin:-5px 3px 0 3px;
}
/*Start of Center ========================== */
.titleEvent span{
	font-weight:bold;
	font-size:16px;
	display:block;
	float:left;
}
.arrowUp{
	height:7px;
	padding-left:70px;
	line-height:7px;
	font-size:0;
	background:url(../images/arrowUpBg.gif) repeat-x bottom;
}
.eventDesc{
	background:url(../images/bgInfo.jpg) #FEFFFE bottom left repeat-x;
	border: 1px solid #C5D1C2;
	line-height:25px;
	padding:10px 15px;
	margin-bottom:15px;
}
.eventDesc center{
	margin:10px 0;
}

.inputMess{
	color:#333;
	padding:15px 0;
	margin-bottom:10px;
	background:url(../images/toolBg.jpg) repeat-x bottom;
}
.inputMess .text{
	margin-left:68px;
}
.inputMess textarea{
	width:95%;
	height:40px;
}
.inputMess textarea:hover{
	background:#FFF;
	border:1px solid #999;
}
.inputMess .buttonTuan{
	color:#FFF;
	background-color:#557765;
	border:none;
	padding:2px 15px;
	cursor:pointer;
}
.inputMess .dinhKem{
	padding:3px 10px 0 0;
	float:right;
}
.inputMess .dinhKem img{
	margin-left:5px;
}
.inputTime{
	font-size:11px;
	display:block;padding-top:3px;
}
.my-item02{
	padding-top:5px;
	font-size:11px;
}
.my-item02 .text02{
	margin-left:135px;
}
.my-item02 img{
	float:left;
	margin-right:5px;
}
.my-item02 a{
	color:#3B5949;
	display:block;
	float:left;
}
.my-item02 a:hover{
	color:#D49508;
}
.my-item span{
	color:#999;
	font-size:11px;
}
.btn_close{
	width:17px;
	height:16px;
	background:url(../images/icons/icon_close.gif) no-repeat top left;
	display:block;
}
.btn_close_hover{
	width:17px;
	height:17px;
	background:url(../images/icons/icon_close.gif) no-repeat 0 -16px;
}
.adTitle{
	background:url(../images/adTitle.gif) repeat-x bottom;
	padding:0 0 5px 0;
	margin-bottom:7px;
}
.extra{
	background:#E8EEE0;
	padding:8px 15px;
	font-weight:bold;
}
.extra span{
	display:block;
	float:right;
	padding:0 5px;
}
.extra a{
	display:block;
}
/*End : my-house.css ====================*/


/*start : make-event.css ====================*/

.event-khoiSuong{
	display:block;
	padding:9px 0px 5px 23px;
	background:url(../images/icons/bullet_khoiSuong.jpg) no-repeat left 8px;
}
.event-thamGia{
	display:block;
	padding:9px 0px 5px 23px;
	background:url(../images/icons/bullet_thamGia.jpg) no-repeat left 8px;
}
.event-duocMoi{
	display:block;
	padding:9px 0px 5px 23px;
	background:url(../images/icons/bullet_duocMoi.jpg) no-repeat left 8px;
}
.event-banToi{
	display:block;
	padding:9px 0px 5px 23px;
	background:url(../images/icons/bullet_banToi.jpg) no-repeat left 8px;
}
.event-tatCa{
	display:block;
	padding:4px 0px 4px 10px;
	background:url(../images/icons/bullet_tatCa.jpg) no-repeat left 8px;
}
.event-lv2{
	display:block;
	padding:4px 0px 4px 10px;
	background:url(../images/icons/event-lv2.jpg) no-repeat left 9px;
}
.category-menuWrap{
	background:url(../images/category-menu.jpg) repeat-x bottom;
	position:relative;
}
.category-menu{
	clear:both;
	margin:0;
	padding:0;
}
.category-menu li{
	float:left;
	margin:0;
	padding:10px 0px 15px 20px;
	list-style-type:none;
}
.category-menu a {
	display:block;
	padding:3px 0 3px 10px;
	margin-right:6px;
	float:left;
	width:165px;
	background:url(../images/icons/bullet_Blog.gif) no-repeat 0px 9px;
}
.eventBannerWrap{
	padding:20px 0 10px 10px;
}
.itemEvent{
	width:240px;
	height:135px;
	background-color:#FFF;
	border:1px solid #E8E8E8;
	padding:2px;
	float:left;
	margin:0 5px 10px 0;
}
.itemEvent img{
	margin-bottom:7px;
}
.itemEvent-new{
	float:left;
	margin:0 0px 15px 0;
	padding-right:15px;
	width:136px;
}
.wrapEventNew01{
	border:1px solid #E8E8E8;
	margin-bottom:3px;
}
.wrapEventNew02{
	border:1px solid #FFF;
	background:#F5F5F5;
}
.searchEvent{
	padding-top:20px;
}
.tbEvent{
	margin:0 auto;
	width:90%;
	margin-bottom:20px;
}
.tbEvent td{
	padding-right:5px;
}
.tbEvent .inputEvent{
	border:1px solid #5D7B6C;
	width:250px;
}
.tbEvent .inputEvent{
	border:1px solid #5D7B6C;
	width:250px;
}
.tbEvent .selectShort{
	border:1px solid #5D7B6C;
	width:75px;
}
.tbEvent .selectMedium{
	border:1px solid #5D7B6C;
	width:135px;
}
.tbEvent .selectLong{
	border:1px solid #5D7B6C;
	width:220px;
}
.eventList{
	padding:20px 20px;
}
.catEventItem{
	clear:both;
	background:url(../images/underLine.gif) repeat-x bottom;padding-bottom:8px;
	padding-bottom:15px;
	margin-bottom:10px;
}
.catEventItem .title{
	background:url(../images/icons/icon_event.gif) no-repeat left 0px;
	clear:both;
	margin-bottom:8px;
	padding-left:20px;
}
.catEventItem .title a{
	font-weight:bold;
}
.catEventImg{
	width:97px;
	height:97px;
	float:left;
	margin-right:10px;
}
.catEventSelect{
	width:200px;
	padding:20px 0px 0 0;
	float:right;	
}
.catEventContent{
	line-height:20px;
	margin:0 210px 0 100px;
	position:relative;
	padding-top:5px;
}
.makeEventUnderLine{
	background:url(../images/adTitle.gif) repeat-x bottom;
	padding:0 0 5px 0;
	margin:0 auto;
	margin-bottom:7px;
	width:750px;

}
.makeEvent-table{
	width:99%;
	margin:0 auto;
}
.makeEvent-table td{
	padding:0 10px 7px 0;
}
.pt10{
	padding-top:10px;
}
.eventChoose01{
	clear:both;
	margin-bottom:5px;
}
.eventChoose02{
	margin-left:20px;
	line-height:20px;
}
.eventChoose03{
	margin-left:20px;
}
.patch{
	font-size:18px;
	color:#CB9900;
	padding:5px 25px;
	background:url(../images/pathBg.gif) no-repeat left 5px;
}
.patch a{
	font-size:18px;
	color:#CB9900;
}
.patch a:hover{
	text-decoration:underline;
}
.patch span{
	font-size:18px;
	color:#3B5949;
}
.blogButton{
	width:123px;
	height:28px;
	line-height:28px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background:url(../images/buttons/blog-button.jpg);
	border:none;
	float:left;
	cursor:pointer;
	margin-right:10px;
	font-size:14px;
}

.chon-cong-dong{ font-size:11px; text-decoration:underline; color:#996600;}
.chon-cong-dong:hover{ color:#333; text-decoration:none;}

/*End : make-event.css ====================*/


.event-ticket {}
.event-ticket .ticket-table-01{ width:100%;}
.event-ticket .ticket-table-01 td{ padding:4px 0;}
.event-ticket input[type=checkbox]{ margin-right:10px;}
.event-ticket .ticket-table-02 { width:98%; margin:0 auto;}
.event-ticket .ticket-table-02 td{ padding:4px 0;border-bottom:1px dashed #999;}
.event-ticket .ticket-table-02 span{ color:#ED5F21;}


.boxTopLeft_SK{ clear:both;height:30px;padding-left:10px;background:url(../images/boxTopLeft_SK.jpg) no-repeat;display:block;}
.boxTopRight_SK{ clear:both;height:30px;padding-right:10px;background:url(../images/boxTopRight_SK.jpg) no-repeat right;display:block;}
.back_SK{
	display:inline-block;
	float:right;
	margin:7px 20px 8px 0;
}
.sk_table_fix_wrap{
	width:530px;
	margin:0 auto;
	clear:both;
	background:url(../images/adTitle.gif) repeat-x bottom;
	padding-bottom:10px;
	margin-bottom:10px;
}
.sk_table_fix{
	
}
.sk_table_fix td{
	padding-bottom:5px;
}
.sk_avatar_body{
	padding-left:15px;
}
.sk_avatar_body .title{
	color:#3B594A;
	font-weight:bold;
	display:block;
	padding-bottom:3px;
}
.sk_avatar_body .desc{
	color:#5D7A6B;
	display:block;
	padding-bottom:5px;
}
.sk_avatar_body .img{
	width:200px;
	float:left;
	margin-right:15px;
}
.sk_avatar_upload{
	float:left;
	width:310px;
}
.sk_member_body{
	padding-left:15px;
}
.sk_member_body .title{
	color:#3B594A;
	font-weight:bold;
	display:block;
	padding-bottom:3px;
}
.sk_member_body .control{
	width:295px;
	float:left;
	margin-right:15px;
}
.sk_member_body .control textarea{
	width:290px;
	height:80px;
}
.sk_member_body .control textarea:hover{
	background-color:#FFF;
}
.sk_mem_manage{
	
}
.sk_mem_manage .item{
	background:url(../images/toolBg.jpg) repeat-x bottom;
	display:inline-block;
	padding-bottom:3px;
	margin-bottom:5px;
	width:100%;
}
.sk_mem_manage .name{
	font-weight:bold;
	display:block;
	float:left;
}
.sk_mem_manage span{
	padding:0 5px;
	display:block;
	float:right;
}
.sk_member_body .invite{
	width:215px;
	float:left;
}
.sk_member_body .listMem{
	width:205px;
	height:310px;
	overflow:scroll;
	background-color:#FFF;
	border:1px solid #D8DFEA;
	padding:5px;
}
.sk_member_body .listMem .item{
	display:block;
	clear:both;
	width:80%;
	height:20px;
	overflow:hidden;
	font-size:11px;
}
.listItem21{
	clear:both;
	margin:0;
	padding:0;
	padding-left:5px;
}
.listItem21 li {float:left;margin:0;padding:0px 0px 5px 0px;list-style-type:none;}
.item21 { clear:both;width:125px;height:140px;margin:0px 5px 0px 3px;overflow:hidden;}
.item21 a img { clear:both;border:1px solid #ABBDA8;padding:1px;display:block;}
.item21 .fix{
	background:url(../images/icons/icon_photoEdit.gif) no-repeat;
	display:inline-block;
	padding-left:20px;
	margin-left:5px;
	float:right;
}
.item21 input{
	float:left;
	margin-right:5px;
}
.item21 .list-ItemText{
	overflow:hidden;
	height:13px;
	width:97px;
	overflow:hidden;
	display:inline-block;
}
.item22 { clear:both;width:125px;margin:0px 5px 0px 3px;overflow:hidden;}
.item22 a img { clear:both;border:1px solid #ABBDA8;padding:1px;display:block;}
.item22 .fix{
	background:url(../images/icons/image_delete.png) no-repeat;
	display:inline-block;
	padding:0 0 3px 20px;
	margin-left:5px;
	float:right;
}
.item22 input{
	float:left;
	margin-right:5px;
}
.item22 .list-ItemText{
	overflow:hidden;
	overflow:hidden;
	display:inline-block;
	clear:both;
}
.sk_music_table{
	width:95%;
	margin:0 auto;
	border-collapse:collapse;
}
.sk_music_table td{
	border:1px solid #C5C7C4;
	height:27px;
}
.sk_music_table .indentTd{
	padding-left:10px;
}

